<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import { useStore } from '@/stores/counter'
import axios from 'axios'

const store = useStore()
interface Axios {
    url: string,
    date: {
        content: string,
        userId: string | number
    },
    headers:{
        Authorization:string
    }
    method: string
}

//项目闭环错误上报
// window.addEventListener("unhandledrejection", (e) => {
//     if (e.reason.message == "play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD")
//         return       
//     //     axios<Axios>({
//     //     url: "http://localhost:8001/api/front/addFrontErrorLog",
//     //     headers:{
//     //         Authorization:store.user.token
//     //     },
//     //     data: {
//     //         content: JSON.stringify(e.reason),
//     //         userId: store.user.id
//     //     },
//     //     method: 'post',
//     // })
//     return false;
// })
// window.addEventListener("error", (errs) => {
    
//     axios<Axios>({
//         url: "http://localhost:8001/api/front/addFrontErrorLog",
//         headers:{
//             Authorization:store.user.token
//         },
//         data: {
//             content: JSON.stringify(errs),
//             userId: store.user.id
//         },
//         method: 'post',
//     })
// }, true)

</script>

<template>
    <router-view v-slot="{ Component }">

        <component :is="Component" />

    </router-view>
</template>

<style scoped></style>
